<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <title>Facelet Title</title>
        <link rel="stylesheet" href="css/estiloForm.css" type="text/css" media="screen"/>
        <link rel="stylesheet" href="css/estilosListar.css" type="text/css" media="screen"/>
    </h:head>
    <h:body>
        <h3 align="center">Lista de Accidentes</h3>
        <br/>
        <div id="tablita" align="center" style="overflow:scroll; height:225px;">
            <h:dataTable value="#{beanAccidente.CargarAccidentes()}" var="o"
                         styleClass="order-table"
                         headerClass="order-table-header"
                         rowClasses="order-table-odd-row,order-table-even-row"
                         id="tableData"
                         class="zebra"
                         >
                <h:column>
                    <!-- column header -->
                    <f:facet name="header">Fecha</f:facet>
                    <!-- row record -->
                    #{o.fecha}
                </h:column>

                <h:column>
                    <f:facet name="header">Hora</f:facet>
                    #{o.hora}
                </h:column>

                <h:column>
                    <f:facet name="header">FechaInvestigacion</f:facet>
                    #{o.fechaInvestigacion}
                </h:column>

                <h:column>
                    <f:facet name="header">Descripsion</f:facet>
                    #{o.descripsion}
                </h:column>
                <h:column>
                    <f:facet name="header">Actividad</f:facet>
                    #{o.actividadRealizaba}
                </h:column>
                <h:column>
                    <f:facet name="header">Lugar</f:facet>
                    #{o.lugar}
                </h:column>

            </h:dataTable>
        </div>
        <div align="center">
            <h:form id="EliminarAccidente" class="form-container">
                <p class="form-title">Numero de Accidente: <h:inputText class="form-field" id="numero" value="#{beanAccidente.numero}"/></p>
                <p><h:commandButton class="submit-button" id="registrar" value="EliminarAccidente" action="#{beanAccidente.EliminarAccidentes()}"/></p>
            </h:form>
        </div>
    </h:body>
</html>

